<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/com.css"/>
		<link rel="stylesheet" type="text/css" href="css/shouye.css"/>
		<link rel="stylesheet" type="text/css" href="css/ty.css"/>
		<style type="text/css">
			*{
				padding: 0px;
				margin: 0px;
				text-decoration: none;
			}
			ul{
				list-style: none;
			}
			.banner{
				margin:0 auto;
	            width:1200px;
	            height: 300px;
				overflow: hidden;
				position: relative;
				border: 1px solid black;
			}
			.amdmin{
				margin-right: 20px;
			}
			.pic{
				width: 7680px;
				position: absolute;
				left: 0px;
				animation-name: baba;
				animation-duration: 8s;
				animation-iteration-count: infinite;
			}
			@keyframes baba{
				0%,30%{
					left: 0;
				}
				35%,65%{
					left: -1200px;
				}
				70%,99%{
					left: -2400px;
					
				}
				100%{
					left: -3600px;
				}
			}
			.pic li{
				float: left;
			}
			.pic li img{
				margin:0 auto;
	            width: 1200px;
	            height: 300px;
			}
			/*#boxsBoss div{
            	display: none;
            	
            }*/
            #boxsBoss .boxS{
            	display: block;
            }
		</style>
	</head>
	<body>
		<!--通用头部-->
		<div id="top">
			<div class="top">
				<a class="logo" href="##">
				<img src="img/鱼.png" style="width:106px;height: 50px;"/>
			    </a>
			<ul class="nav">
				<li>
					<a class="active" href="##">首页</a>
				</li>
				<li>
					<a href="##">购物车</a>
				</li>
				<li>
					<a href="##">个人中心</a>
				</li>
			</ul>
			<div class="tool">
				<div class="search">
					<input type="text" name="search" placeholder="在线搜索" />
					<a href="##" class="searchBtn"></a>
				</div>
				<div class="admin">
					<a href="">管理员登录</a>
				</div>
				<div class="userbox">
					<a id="loginBtn" href="denglu.html">登录</a>
				</div>
				<div class="userbox1">
					<a id="loginBtn1" href="register.html">注册</a>
				</div>
			</div>
			</div>
		</div>
		
		<!--轮播图-->
		<div id="tongyo">
			<div class="banner">
				<ul class="pic">
					<li>
						<a href="##">
							<img src="img/TB1W_Lni6TpK1RjSZKPSuu3UpXa.jpg" alt="pic1"/>
						</a>
					</li>
					<li>
						<a href="##">
							<img src="img/TB1agUHxYPpK1RjSZFFwu15PpXa.png" alt="pic2"/>
						</a>
					</li>
					<li>
						<a href="##">
							<img src="img/TB1tLVtXNjaK1RjSZFASuvdLFXa.jpg" alt="pic3"/>
						</a>
					</li>
					<li>
						<a href="##">
							<img src="img/TB1W_Lni6TpK1RjSZKPSuu3UpXa.jpg" alt="pic4"/>
						</a>
					</li>
				</ul>
			</div>
		</div>
		
		
		<!--空格-->
		<div id="tongyo">
			<div class="kong"></div>
		</div>
		
		<!--转卖按钮-->
		<div id="tongyo">
			<div class="aamai">
				<div class="slodbar-item">
				    <img src="img/钱.png" class="icon"/>
				    <div class="desc">
					  <a class="name" href="#">一件转卖</a>
				    </div>
			    </div>
			    <div class="line"></div>
			    <div class="slodbar-item1">
			    	<img src="img/添加.png" class="icon"/>
			    	<div class="desc">
			    		<a class="name1" href="Release commodities.html">发布闲置</a>
			    	</div>
			    </div>
			</div>
		</div>
		
		
		<!--空格-->
		<div id="tongyo">
			<div class="kong"></div>
		</div>
		
		
		<!--商品导航栏-->
		<div id="tongyo">
			<div class="tabbar-wrap">
				<div class="item">
					<p class="biao active">最新</p>
				</div>
				<div class="item">
					<p class="biao">附近</p>
				</div>
				<div class="item">
					<p class="biao">关注</p>
				</div>
				<div class="item">
					<p class="biao">服装</p>
				</div>
				<div class="item">
					<p class="biao">数码</p>
				</div>
				<div class="item">
					<p class="biao">手机</p>
				</div>
				<div class="item">
					<p class="biao">租房</p>
				</div>
				<div class="item">
					<p class="biao">美妆</p>
				</div>
				<div class="item">
					<p class="biao">玩具乐器</p>
				</div>
			</div>
		</div>
		
		<!--商品列表-->
		<div class="item-list" id="boxsBoss">
			<div id="item-list-a " class="boxS">
				<a target="_blank" class="item-wrap">
					<div class="item-img" style="background-image: url(img/xie.jpg);"></div>
					<div class="item-info">
						<p class="item-title">
							VANS   37码 帆布鞋 鞋子无磨损，颜色有一些旧。绝对正品！46不包邮 鞋子无磨损，颜色有一些旧。绝对正品！46不
						</p>
						<div class="price-line">
							<div class="price">
								<p class="price-unit">￥</p>
								<p class="price-value">56</p>
							</div>
						</div>
						<div class="user-line">
							<div class="user-info">
								<p class="user-name">y***4</p>
							</div>
						</div>
					</div>
				</a>
				<a target="_blank" class="item-wrap">
					<div class="item-img" style="background-image: url(img/xie.jpg);"></div>
					<div class="item-info">
						<p class="item-title">
							VANS   37码 帆布鞋 鞋子无磨损，颜色有一些旧。绝对正品！46不包邮 鞋子无磨损，颜色有一些旧。绝对正品！46不
						</p>
						<div class="price-line">
							<div class="price">
								<p class="price-unit">￥</p>
								<p class="price-value">56</p>
							</div>
						</div>
						<div class="user-line">
							<div class="user-info">
								<p class="user-name">y***4</p>
							</div>
						</div>
					</div>
				</a>
				<a target="_blank" class="item-wrap">
					<div class="item-img" style="background-image: url(img/xie.jpg);"></div>
					<div class="item-info">
						<p class="item-title">
							VANS   37码 帆布鞋 鞋子无磨损，颜色有一些旧。绝对正品！46不包邮 鞋子无磨损，颜色有一些旧。绝对正品！46不
						</p>
						<div class="price-line">
							<div class="price">
								<p class="price-unit">￥</p>
								<p class="price-value">56</p>
							</div>
						</div>
						<div class="user-line">
							<div class="user-info">
								<p class="user-name">y***4</p>
							</div>
						</div>
					</div>
				</a>
				<a target="_blank" class="item-wrap">
					<div class="item-img" style="background-image: url(img/xie.jpg);"></div>
					<div class="item-info">
						<p class="item-title">
							VANS   37码 帆布鞋 鞋子无磨损，颜色有一些旧。绝对正品！46不包邮 鞋子无磨损，颜色有一些旧。绝对正品！46不
						</p>
						<div class="price-line">
							<div class="price">
								<p class="price-unit">￥</p>
								<p class="price-value">56</p>
							</div>
						</div>
						<div class="user-line">
							<div class="user-info">
								<p class="user-name">y***4</p>
							</div>
						</div>
					</div>
				</a>
				<a target="_blank" class="item-wrap">
					<div class="item-img" style="background-image: url(img/xie.jpg);"></div>
					<div class="item-info">
						<p class="item-title">
							VANS   37码 帆布鞋 鞋子无磨损，颜色有一些旧。绝对正品！46不包邮 鞋子无磨损，颜色有一些旧。绝对正品！46不
						</p>
						<div class="price-line">
							<div class="price">
								<p class="price-unit">￥</p>
								<p class="price-value">56</p>
							</div>
						</div>
						<div class="user-line">
							<div class="user-info">
								<p class="user-name">y***4</p>
							</div>
						</div>
					</div>
				</a>
				<a target="_blank" class="item-wrap">
					<div class="item-img" style="background-image: url(img/xie.jpg);"></div>
					<div class="item-info">
						<p class="item-title">
							VANS   37码 帆布鞋 鞋子无磨损，颜色有一些旧。绝对正品！46不包邮 鞋子无磨损，颜色有一些旧。绝对正品！46不
						</p>
						<div class="price-line">
							<div class="price">
								<p class="price-unit">￥</p>
								<p class="price-value">56</p>
							</div>
						</div>
						<div class="user-line">
							<div class="user-info">
								<p class="user-name">y***4</p>
							</div>
						</div>
					</div>
				</a>
				<a target="_blank" class="item-wrap">
					<div class="item-img" style="background-image: url(img/xie.jpg);"></div>
					<div class="item-info">
						<p class="item-title">
							VANS   37码 帆布鞋 鞋子无磨损，颜色有一些旧。绝对正品！46不包邮 鞋子无磨损，颜色有一些旧。绝对正品！46不
						</p>
						<div class="price-line">
							<div class="price">
								<p class="price-unit">￥</p>
								<p class="price-value">56</p>
							</div>
						</div>
						<div class="user-line">
							<div class="user-info">
								<p class="user-name">y***4</p>
							</div>
						</div>
					</div>
				</a>
				<a target="_blank" class="item-wrap">
					<div class="item-img" style="background-image: url(img/xie.jpg);"></div>
					<div class="item-info">
						<p class="item-title">
							VANS   37码 帆布鞋 鞋子无磨损，颜色有一些旧。绝对正品！46不包邮 鞋子无磨损，颜色有一些旧。绝对正品！46不
						</p>
						<div class="price-line">
							<div class="price">
								<p class="price-unit">￥</p>
								<p class="price-value">56</p>
							</div>
						</div>
						<div class="user-line">
							<div class="user-info">
								<p class="user-name">y***4</p>
							</div>
						</div>
					</div>
				</a>
				<a target="_blank" class="item-wrap">
					<div class="item-img" style="background-image: url(img/xie.jpg);"></div>
					<div class="item-info">
						<p class="item-title">
							VANS   37码 帆布鞋 鞋子无磨损，颜色有一些旧。绝对正品！46不包邮 鞋子无磨损，颜色有一些旧。绝对正品！46不
						</p>
						<div class="price-line">
							<div class="price">
								<p class="price-unit">￥</p>
								<p class="price-value">56</p>
							</div>
						</div>
						<div class="user-line">
							<div class="user-info">
								<p class="user-name">y***4</p>
							</div>
						</div>
					</div>
				</a>
				<a target="_blank" class="item-wrap">
					<div class="item-img" style="background-image: url(img/xie.jpg);"></div>
					<div class="item-info">
						<p class="item-title">
							VANS   37码 帆布鞋 鞋子无磨损，颜色有一些旧。绝对正品！46不包邮 鞋子无磨损，颜色有一些旧。绝对正品！46不
						</p>
						<div class="price-line">
							<div class="price">
								<p class="price-unit">￥</p>
								<p class="price-value">56</p>
							</div>
						</div>
						<div class="user-line">
							<div class="user-info">
								<p class="user-name">y***4</p>
							</div>
						</div>
					</div>
				</a>
				<a target="_blank" class="item-wrap">
					<div class="item-img" style="background-image: url(img/xie.jpg);"></div>
					<div class="item-info">
						<p class="item-title">
							VANS   37码 帆布鞋 鞋子无磨损，颜色有一些旧。绝对正品！46不包邮 鞋子无磨损，颜色有一些旧。绝对正品！46不
						</p>
						<div class="price-line">
							<div class="price">
								<p class="price-unit">￥</p>
								<p class="price-value">56</p>
							</div>
						</div>
						<div class="user-line">
							<div class="user-info">
								<p class="user-name">y***4</p>
							</div>
						</div>
					</div>
				</a>
				<a target="_blank" class="item-wrap">
					<div class="item-img" style="background-image: url(img/xie.jpg);"></div>
					<div class="item-info">
						<p class="item-title">
							VANS   37码 帆布鞋 鞋子无磨损，颜色有一些旧。绝对正品！46不包邮 鞋子无磨损，颜色有一些旧。绝对正品！46不
						</p>
						<div class="price-line">
							<div class="price">
								<p class="price-unit">￥</p>
								<p class="price-value">56</p>
							</div>
						</div>
						<div class="user-line">
							<div class="user-info">
								<p class="user-name">y***4</p>
							</div>
						</div>
					</div>
				</a>
				<a target="_blank" class="item-wrap">
					<div class="item-img" style="background-image: url(img/xie.jpg);"></div>
					<div class="item-info">
						<p class="item-title">
							VANS   37码 帆布鞋 鞋子无磨损，颜色有一些旧。绝对正品！46不包邮 鞋子无磨损，颜色有一些旧。绝对正品！46不
						</p>
						<div class="price-line">
							<div class="price">
								<p class="price-unit">￥</p>
								<p class="price-value">56</p>
							</div>
						</div>
						<div class="user-line">
							<div class="user-info">
								<p class="user-name">y***4</p>
							</div>
						</div>
					</div>
				</a>
				<a target="_blank" class="item-wrap">
					<div class="item-img" style="background-image: url(img/xie.jpg);"></div>
					<div class="item-info">
						<p class="item-title">
							VANS   37码 帆布鞋 鞋子无磨损，颜色有一些旧。绝对正品！46不包邮 鞋子无磨损，颜色有一些旧。绝对正品！46不
						</p>
						<div class="price-line">
							<div class="price">
								<p class="price-unit">￥</p>
								<p class="price-value">56</p>
							</div>
						</div>
						<div class="user-line">
							<div class="user-info">
								<p class="user-name">y***4</p>
							</div>
						</div>
					</div>
				</a>
				<a target="_blank" class="item-wrap">
					<div class="item-img" style="background-image: url(img/xie.jpg);"></div>
					<div class="item-info">
						<p class="item-title">
							VANS   37码 帆布鞋 鞋子无磨损，颜色有一些旧。绝对正品！46不包邮 鞋子无磨损，颜色有一些旧。绝对正品！46不
						</p>
						<div class="price-line">
							<div class="price">
								<p class="price-unit">￥</p>
								<p class="price-value">56</p>
							</div>
						</div>
						<div class="user-line">
							<div class="user-info">
								<p class="user-name">y***4</p>
							</div>
						</div>
					</div>
				</a>
				<a target="_blank" class="item-wrap">
					<div class="item-img" style="background-image: url(img/xie.jpg);"></div>
					<div class="item-info">
						<p class="item-title">
							VANS   37码 帆布鞋 鞋子无磨损，颜色有一些旧。绝对正品！46不包邮 鞋子无磨损，颜色有一些旧。绝对正品！46不
						</p>
						<div class="price-line">
							<div class="price">
								<p class="price-unit">￥</p>
								<p class="price-value">56</p>
							</div>
						</div>
						<div class="user-line">
							<div class="user-info">
								<p class="user-name">y***4</p>
							</div>
						</div>
					</div>
				</a>
				<a target="_blank" class="item-wrap">
					<div class="item-img" style="background-image: url(img/xie.jpg);"></div>
					<div class="item-info">
						<p class="item-title">
							VANS   37码 帆布鞋 鞋子无磨损，颜色有一些旧。绝对正品！46不包邮 鞋子无磨损，颜色有一些旧。绝对正品！46不
						</p>
						<div class="price-line">
							<div class="price">
								<p class="price-unit">￥</p>
								<p class="price-value">56</p>
							</div>
						</div>
						<div class="user-line">
							<div class="user-info">
								<p class="user-name">y***4</p>
							</div>
						</div>
					</div>
				</a>
				<a target="_blank" class="item-wrap">
					<div class="item-img" style="background-image: url(img/xie.jpg);"></div>
					<div class="item-info">
						<p class="item-title">
							VANS   37码 帆布鞋 鞋子无磨损，颜色有一些旧。绝对正品！46不包邮 鞋子无磨损，颜色有一些旧。绝对正品！46不
						</p>
						<div class="price-line">
							<div class="price">
								<p class="price-unit">￥</p>
								<p class="price-value">56</p>
							</div>
						</div>
						<div class="user-line">
							<div class="user-info">
								<p class="user-name">y***4</p>
							</div>
						</div>
					</div>
				</a>
				<a target="_blank" class="item-wrap">
					<div class="item-img" style="background-image: url(img/xie.jpg);"></div>
					<div class="item-info">
						<p class="item-title">
							VANS   37码 帆布鞋 鞋子无磨损，颜色有一些旧。绝对正品！46不包邮 鞋子无磨损，颜色有一些旧。绝对正品！46不
						</p>
						<div class="price-line">
							<div class="price">
								<p class="price-unit">￥</p>
								<p class="price-value">56</p>
							</div>
						</div>
						<div class="user-line">
							<div class="user-info">
								<p class="user-name">y***4</p>
							</div>
						</div>
					</div>
				</a>
				<a target="_blank" class="item-wrap">
					<div class="item-img" style="background-image: url(img/xie.jpg);"></div>
					<div class="item-info">
						<p class="item-title">
							VANS   37码 帆布鞋 鞋子无磨损，颜色有一些旧。绝对正品！46不包邮 鞋子无磨损，颜色有一些旧。绝对正品！46不
						</p>
						<div class="price-line">
							<div class="price">
								<p class="price-unit">￥</p>
								<p class="price-value">56</p>
							</div>
						</div>
						<div class="user-line">
							<div class="user-info">
								<p class="user-name">y***4</p>
							</div>
						</div>
					</div>
				</a>
			</div>
		    
			
	    
	    
	    <!--换行-->
	    <div class="pageInfo">
	    	<span class="nav_page">1</span>
	    	<span class="nav_page"><a href="##">2</a></span>
	    	<span class="nav_page"><a href="##">3</a></span>
	    	<span class="nav_page"><a href="##">4</a></span>
	    	<span class="nav_page"><a href="##">5</a></span>
	    	<span class="wcm_pointer nav_go_next">
	    		<a href="##">下一页</a>
	    	</span>
	    </div>
	    
	    <!--底部-->
	    <div class="footer">
	    	<h4>地址：广西民族大学相思湖学院</h4>
	    	<h4>电话：18724595552</h4>
	    	<h4>出品方：广西民族大学相思湖学院软件工程班</h4>
	    </div>
	</body>
	<script type="text/javascript" src="js/shouye.js" ></script>
	<script type="text/javascript" src="js/jquery-3.3.1.js" ></script>
	<script type="text/javascript">
		$(".item").click(function(event){
//			$(this).addClass("boxS");
//			$(this).siblings().removeClass("boxS");
			$("#boxsBoss div").eq($(this).index()).addClass("boxS");
			$("#boxsBoss div").eq($(this).index()).siblings().removeClass("boxS");
		})
	</script>
</html>
